<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>text</title>
</head>
<body>
    <!-- 文本 -->
    <svg width="300" height="30">
        <text x="0" y="15" fill="red">I love SVG!</text>
    </svg>
    <br/>

    <!-- 旋转 -->
    <svg width="300" height="60">
        <text x="0" y="15" fill="red" transform="rotate(30 20 40)">I love SVG!</text>
    </svg>
    <br/>

    <!-- 多行文本 -->
    <svg width="300" height="90">
        <text x="10" y="20" fill="red">
            Several lines
            <tspan x="10" y="45">First line</tspan>
            <tspan x="10" y="65">Second line</tspan>
        </text>
    </svg>
    <br/>

    <!-- 链接 -->
     <svg width="300" height="60" xmlns:xlink="https://www.w3.org/1999/xlink">
        <a xlink:href="03.1_text.html" target="_blank">
            <text x="10" y="15" fill="red">Hello SVG</text>
        </a>
     </svg>

</body>
</html>